<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			引入了皮肤一
		-->
		<link rel="stylesheet" type="text/css" href="css/skin01.css" id="skin"/>
		
	</head>
	<body>
		<h1>网页换肤</h1>
		<input type="button" id="btn1" value="皮肤一" />
		<input type="button" id="btn2" value="皮肤二" />
	</body>
	<script type="text/javascript">
		var oBtn1 = document.getElementById("btn1")
		var oBtn2 = document.getElementById("btn2")
		// 获取到皮肤的css
		var oSkin =  document.getElementById("skin")
		//设置点击事件的函数
		oBtn1.onclick = function(){
			oSkin.href = 'css/skin01.css'
		}
		oBtn2.onclick = function(){
			oSkin.href = 'css/skin02.css'
		}
	</script>
</html>
